import React, {Component} from 'react';
import {Table, Divider, Tag} from 'antd';
import {toJS} from 'mobx';
import Cell from './TableCell';

export default class componentName extends Component {
  render () {
    let {
      className,
      columns = [
        {
          title: '编号',
          dataIndex: 'id',
          key: 'id',
        },
      ],
      data = [],
      pagination = {
        total: 1,
        pageSize: 5,
        current: 1,
        showSizeChanger: true,
        showQuickJumper: true,
      },
    } = this.props;
    data = toJS (data);
    pagination.total = pagination.totalCount;
    pagination.current = pagination.currentPage;
    return (
      <Table
        components={Cell}
        className={className}
        pagination={pagination}
        columns={columns}
        dataSource={data}
      />
    );
  }
}
